/* =============================================================================================================================*/
@import url("ren_web_vert.css");

.clearfix:after{content:"";display:block;clear:both;width:0;height:0;}

* {padding:0; margin:0;}

h2{
	font-style:normal;
	font-weight:400;
	font-size:29px;
	line-height:1.2;
	font-family: Hind, sans-serif;
	letter-spacing:0px;
	text-align:inherit;
	color:#000000;
}

h4{
	font-style:normal;
	font-weight:400;
	font-size:20px;
	line-height:1.2;
	font-family: Hind, sans-serif;
	letter-spacing:0px;
	text-align:inherit;
	color:#000000;
}

table.web-tablo {
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; /*"Open Sans"; */
	color: #000;
	/*border: 6px solid #008000;
	border-radius: 4px;
	background-color: #D4EED1;*/
	border-collapse: separate;
	margin: 0;
	/*width: 90%;*/
	text-align: center;
	/*box-shadow:0 0 20px rgba(0,0,0,.3);*/
	text-indent: initial;
    border-spacing: 0px;
	table-layout: fixed;
}

table.web-tablo td {
	padding: 0 4px 0 0;
	border-bottom: 0;
	text-align: left;
}

.tdhrs {
	width:15%;
}
.tddesc {
	width:85%;
}

/*table.mon-tablo td a:link, a:visited, a:hover, a:active {
	color: 	#D8FB62; /
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}*/

.abrev {
	font-weight: 700;
	/*font-size : 12px;*/
}

.lestabs {
	border: solid black;
}

#tab1, #tab2 {
	display: block;
	width: 98%;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; 
	font-size: 16px;
	font-weight: 400;
	color:rgb(204,204,204);
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: 16px; /*1em;*/
	border-top-left-radius: 0;

	border-color:  var( --e-global-color-col-wrap-border ); /*#008000;*/
	border-style: solid;
	border-width: 4.8px; /*0.3em;*/
	padding:0px;
	
	max-width: 1200px;
	background:#fff;

}

.tabs {
	display: block;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; 
	font-size: 16px;
	font-weight: 400;
	color:rgb(204,204,204);
	line-height: 24px;
	overflow-wrap:break-word;
	text-align : left;
	margin : 0;
	padding : 0;
	opacity: 1;
	padding-left: 0px !important;
	margin : 0px !important;
}


.tabs ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}

.tabs li {
	list-style:none;
	display:inline;
	box-sizing:border-box;
	color:rgb(204,204,204);
	
}

.tabs li a{
	text-decoration: none!important;
}

.tabs li.active {
	color:inherit;
}

.tabs a {
	border-color: var( --e-global-color-col-wrap-border ); /*#000;*/ 
	border-style: solid;
	border-width: 1.6px; /*0.1em;*/
	
	border-top-left-radius: 16px; /*1em;*/
	border-top-right-radius: 16px; /*1em;*/
	border-bottom-width: 0;
	
	padding:5px 10px;
	display:inline-block;
	text-decoration:none!important;
	
	background:  var( --e-global-color-widget-container );/*#008000;*/
	
	color:#000;
}

/* link */

/*.web-form .tabs a:link, a:visited, a:hover {*/
.web-form a:hover {
	color: 	var( --e-global-color-col-wrap-border );
	/*-webkit-text-stroke: 1px #EDBD64;*/
	 /*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
	text-decoration:none!important;
}

.tabs a.active {		
	background: var( --e-global-color-column-wrap ); /*#D4EED1;*/
	color:#fff !important;
	font-weight: 600;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.web-form {
	max-width: 1200px;
}

.column-wrap{
		/*width:95%;*/
		position:relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;	
		background-color: var( --e-global-color-column-wrap );
		border-style:solid;
		border-width:3px 3px 3px 3px;
		border-color: var( --e-global-color-col-wrap-border );
		border-radius: 0px 10px 10px 10px;
		transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
		margin: 0px; /*  5 1% 1% 1% 1%;*/
		padding: 10px; /*2% 2% 2% 2%;*/
}

.widget-wrap{
	display: block;	
	position:relative;
	width:100%;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-line-pack:start;
	align-content:flex-start;
	margin : 0;
	padding : 0;
}

.widget-wrap>.element{
	width:100%;
}

.element.element-titre{
	display: block;	
	text-align:center;
	margin : 0;
	padding : 0;	
	margin-bottom : 10px;
}

.element.elem-titre-legend{
	display: block;	
	text-align:center;
	margin : 0;
	padding : 0;	
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}

.element.element-legende{
	display: block;	
	
	text-align:center;
	margin : 0;
	padding : 0;	
	margin-bottom : 10px;
	 
}

.element.element-titre > .widget-container{
	padding: 11px;  /*3% 3% 3% 3%;*/
	background-color: var( --e-global-color-widget-container );
	border-radius: 11px; /*11px 11px 11px 11px;*/
}

.element.elem-titre-legend > .widget-container{
	padding: 4px;  
	background-color: var( --e-global-color-widget-container );	
}

.element.element-legende > .widget-container{
	padding: 10px 40px 10px 40px; 
	background-color: #fff;	
	color : #000;
	font-family:"Arial", Sans-serif;
	font-weight:bold;
	text-align: left;
}

.text-legende {
	color : #000;
	font-family: "Arial", Sans-serif;
	font-weight: normal;
	font-size: 26px; 
	overflow: auto;
}

.element .widget-container{
	display: block;
	-webkit-transition:background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
	transition:background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
	-o-transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;
	transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;
	transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}

/* ENTETE du TAB => RÉUNIONS EN LIGNE */
.widget-heading .heading-title{
	color: var( --e-global-color-primary );
	font-family:var( --e-global-typography-text-font-family ), Sans-serif;
	font-weight:var( --e-global-typography-primary-font-weight );
}
.element.element-titre .heading-title{
	color: var( --e-global-color-heading-title );
	font-size: 26px; /*2.3vw;*/
	letter-spacing:0.4px;
}
.element.elem-titre-legend .heading-title{
	color: var( --e-global-color-heading-title );
	font-size: 26px; /*2.3vw;*/
	letter-spacing:0.4px;
}
.heading-title{
	display: block;
	padding:0;
	margin:0;
	line-height:1;
}
/* LEGENDE du TAB => IMAGE LEGENDE */
.widget-image{
	text-align:center;
	margin : 0 0 10px 0;
	padding:0;
}
.widget-image .image img{
	clear : both;
	margin : 0;
	padding: 0;
	vertical-align:middle;
	display:inline-block;
}

.widget:not(:last-child){margin-bottom:20px;}
.widget{position:relative;}
.element.element-jour .accordion-icon,
.element.element-jour .accordion-title{
	color: var( --e-global-color-element-jour ); 
}
.element.element-jour .accordion .accordion-title{
	font-family:"Arial", Sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	/*text-decoration:underline;*/
}
.element.element-jour > .widget-container{ 
	background-color:transparent;
	/*background-image:linear-gradient(180deg, #4054b2 52%, #001DF9, 100% );*/
}
.element.element-jour:hover .widget-container{
	background-color:transparent;
	/*background-image:linear-gradient(180deg, #61CE70 54%, #4054b2 100%); */
}
.accordion{
	text-align:left;
}
.accordion .accordion-item{
	border: 1px solid #d4d4d4;
}
.accordion .accordion-item+.accordion-item{
	border-top:none;
}

.widget-accordion .accordion-icon,
.widget-accordion .accordion-title{
	color: var( --e-global-color-primary );
}
.widget-accordion .accordion .accordion-title{
	font-family:var( --e-global-typography-text-font-family ), Sans-serif;
	font-weight:var( --e-global-typography-text-font-weight );
}

.widget-accordion .active .accordion-icon,
.widget-accordion .active .accordion-title{
	color:var( --e-global-color-accent );
}


.widget-accordion .accordion .tab-content{
	color:var( --e-global-color-text );
	font-family:var( --e-global-typography-text-font-family ), Sans-serif;
	font-weight:var( --e-global-typography-text-font-weight );
}


.accordion .tab-title{
	margin:0;
	padding:15px 20px;
	font-weight:700;
	line-height:1;
	cursor:pointer;
	outline:none;
}
.accordion .tab-title .accordion-icon{
	display:inline-block;
	width:1.5em;
}
.accordion .tab-title .accordion-icon.accordion-icon-right{
	float:right;
	text-align:right;
}
.accordion .tab-title .accordion-icon .accordion-icon-closed{
	display:block;
}
.accordion .tab-title .accordion-icon .accordion-icon-opened,
.accordion .tab-title.active .accordion-icon-closed{
	display:none;
}
.accordion .tab-title.active .accordion-icon-opened{
	display:block;
}
.accordion .tab-content{
	display: none; /*none;*/
	padding:15px 20px;
	border-top:1px solid #d4d4d4;
}

/*.accordion .tab-content a:link, a:visited, a:hover, a:active { color: var(--nv-primary-accent);*/
.accordion .web-tablo a:link, a:visited, a:active {
  /*  color: #D8FB62;   */
	/* -webkit-text-stroke: 1px #EDBD64; */
	/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
} 

/*.tab-title a{
	color:inherit;
}*/

.element.element-jour .accordion .accordion-item{
	border-width:4px;
	border-color:#ffffff;
}
.element.element-jour .accordion .accordion-item .tab-content{
	border-width:4px;
	border-top-color:#ffffff;
}
.element.element-jour .accordion .accordion-item .tab-title.active{
	border-width:4px;
	border-bottom-color:#ffffff;
}
.element.element-jour .accordion .tab-title{
	background-color:var( --e-global-color-accordion-tab-title ); 
	
}
.element.element-jour .active .accordion-icon,.element.element-jour .active .accordion-title{
	color:var( --e-global-color-accordion-title ); 
}
.element.element-jour .accordion .tab-content{
	background-color: var( --e-global-color-tab-content ); 
	/*font-size:14px;*/
	font-style:normal;
	font-weight:700;
	line-height: 1.1em;
}

i.fas::before{
    font-size: 22px;
}

.vertical-align {
    position: absolute;
    top:50%;
    padding-top:-50%;
    overflow: visible;
}

@media (max-width:1197px){
	.element.element-jour .accordion .accordion-title{font-size:16px;}
	.element.element-jour .accordion .tab-content{line-height:1.1em;}
}

@media (max-width:767px){
	.element.element-titre .heading-title{font-size:5.3vw;}
	.element.elem-titre-legend .heading-title{font-size:5.3vw;}
	.element.element-jour .accordion .accordion-title{font-size:19px;line-height:1em;letter-spacing:0.3px;}
	.element.element-jour .accordion .accordion-icon.accordion-icon-right{margin-left:0px;}
	/*.element.element-jour .accordion .tab-content{font-size:12px;}*/
	.accordion .tab-title{padding:12px 15px;}
	.accordion .tab-title .accordion-icon{width:1.2em;}
	.accordion .tab-content{padding:7px 10px;}
}

@media (min-width: 1200px){
  	h2{font-size:48px;}
}

@media (max-width:420px) {
	.abrev {
		/*font-weight: 700;*/
		font-size : 10px;
	}
	.text-legende {
		font-size: 14px; 
		font-weight:500;
	}
	element.element-legende > .widget-container {
		padding: 8px 20px 8px 20px;
	}
}

.mon-form {
    padding: 2px;
    
	margin: 30px auto;
}

.mon-form ul {
	padding-left: 0px !important;
}

table.web-tablo {
	width :  98% !important;
	margin-left : 1%;
	background: var( --e-global-color-tab-content );
	/*zoom: 1;*/
}

table.web-tablo thead th {
	font-size: 14px;
	font-weight: bold;
	/*color: var( --e-global-bouton-texte ); */
	background-color :  rgb(168, 186, 69, 0.4);
	text-align: center;
	border-left: 2px solid var( --e-global-couleur-border );
}

.but1{
	font-size : 14px !important;
	text-align : left;
	padding-left: 5px;
}
#idfiltre{
	max-width: 600px;
	background-color: var( --e-global-color-column-wrap );
}

.mon-form .button {
    background-color: var( --e-global-color-widget-container );
}

.mon-form .button:hover{
	background-color: var( --e-global-color-column-wrap );
}

.newul {
	background-color: var( --e-global-color-column-wrap ) !important;
}

.newul ul {
	list-style: none;
	padding-left: 0px;
}

.newul li {
    border: 0;
    outline: none;
	border-radius: 0;
    padding: 25px 0;
	font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
	
	font-weight: 600;
    text-transform: uppercase;
	text-align : center;
    letter-spacing: .1em;
    color: #fff;
	margin-top: 0px !important;
	list-style: none;
    -webkit-appearance: none;
    background-color: var( --e-global-color-widget-container ) !important;
    opacity: 0.8;
    transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}

.newul li:hover{
	background: var( --e-global-color-column-wrap );
	color:#ffffff;
} 

.newul li a {
    color: #fff;
	text-decoration: none !important;
	line-height : 18px !important;
	font-size : 16px ;
}

.newul .filtres-icon.filtres-icon-right {
    float: right;
    text-align: right;
	margin-right : 5%;
}
.newul .filtres-icon.filtres-icon-left {
    float: left;
    text-align: left;
	margin-left : 2%;
}
.newul .filtres-icon {
    display: inline-block;
    width: 1.5em;
	color: var( --e-global-color-element-jour );
	margin-top : -5px;
}
.newul .icon-fleche {
	font-size : 22px;
}

@media only screen and (max-width:499px) and (min-width:310px) {
	#tab1, #tab2, #tab3 {
		font-size: 12px;
	}


	.tab-form header {
       padding: 7px 15px;
	}
	.mon-form header {
       padding: 7px 15px;
	}
	.newul li {
		padding: 4px 0;
	}

	.newul li a {
    	font-size : 10px !important;
	}

	.tab-form .button {
    	padding: 8px 0;
    	font-size: 2rem;
	} /* Media pour tab-group */

	table.web-tablo1 tbody td {
		font-size: 14px;
		font-weight: bold;
		
		/*text-align: center;
		border-left: 2px solid var( --e-global-couleur-border );*/
	}
	.newul .filtres-icon {
    	display: none;
		 
	}

	.column-wrap{
		padding: 2px; /*2% 2% 2% 2%;*/
	}

	#containeur {
		margin: 10px auto;
	}	
}